/*
Theme Name: ABA Class
Theme URI: http://likeit.oni.cc
Description: Theme of ABA Class - Mo Duc 1 Hight School
Version: 1.1
Author: WMThiet - FIT08 - HCMUS
Author URI: http://likeit.oni.cc
Tags: A3, Class, School, Theme, Blue, HCMUS, FIT08
*/

@charset "utf-8";
/* CSS Document */

/*Reset CSS*/
*{margin:0px;padding:0px;}
body
{
font-size:62.5%;
font-family:arial;
line-height:2em;
background:#07252b url(images/body_bg1.jpg) repeat-x;
}
ol,ul
{
list-style:none;
} 
p
{
font-size:1.2em;
}
a
{
text-decoration:none;
}
a img
{
border:none;
}
img
{
vertical-align:center;
}
h1,h2,h3,h4,h5,h6
{
font-family:tahoma;
}
h2
{
font-size:2.2em;
margin:0px;
}
h1
{
font-size:2em;
}
.clear
{
clear:both;
}
.floatleft
{
float:left;
}
.floatright
{
float:right;
}
.aligncenter
{
text-align:center;
}

/*Div Wrapper*/
#wrapper
{
width:1000px;
margin:-20px auto 0px;
}

/*Div Header*/
#header
{
height:220px;
width:100%;
position:relative;
}
#header ul#pages
{
position:absolute;
top:0px;
right:0px;
width:370px;
height:46px;
padding:0px 10px;
line-height:49px;
background:url(images/pages_bg.jpg) repeat-x;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
}
#header ul#pages li
{
display:inline;
padding:10px;
}
#header ul#pages li a
{
color:#07252b;
font-size:1.3em;
font-weight:bold;
}
#header ul#pages li a:hover
{
color:white;
}
#header h1#logo a
{
width:230px;
height:170px;
text-indent:-9999px;
background:url(images/logo.png) no-repeat;
position:absolute;
top:13px;
left:0px;
}

#header ul#mainNav
{
position:absolute;
bottom:5px;
left:0px;
margin-left:20px;
}
#header ul#mainNav li
{
display:inline;
}
#header ul#mainNav li a
{
padding:3px 10px;
display:block;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:white;
font-weight:bold;
font-size:1.2em;
}
#header ul#mainNav li a:hover
{
background:white;
color:black;
}
#header #searchBox
{
position:absolute;
bottom:7px;
right:10px;
}
#header #searchBox input
{
background:url(images/search-icon.png) no-repeat 5px 50%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1.5px solid white;
padding:2px 0px 5px 27px;
color:white;
}

/*MAINCONTENT*/
#mainContent
{
position:relative;
overflow:hidden;
background:#0d1618;
}
#mainContent #sidebar
{
width:230px;
float:left;
padding:15px 5px 15px 15px;
position:relative;
}
#mainContent #primary
{
float:right;
width:700px;
margin:15px 15px 15px 5px;
padding:10px;
background:white;
color:#6c6c6c;
}

/*SIDEBAR*/
#sidebar .boxes
{
padding:1px;
margin:0px 0px 10px 0px;
background:white;
overflow:hidden;
}
#sidebar .boxes h2
{
padding:9px;
background:url(images/sidebar_bg.jpg) repeat-x top left scroll;
font-size:1.8em;
color:white;
}
#sidebar .boxes h2 a
{
color:white;
}
#sidebar .boxes ul
{
padding:10px 5px 5px 10px; 
}
#sidebar .boxes ul li
{
border-bottom:1px solid #b4b4b4;
}
#sidebar .boxes ul li a
{
font-size:1.2em;
color:#176092;
line-height:1em;
}
#sidebar .boxes ul li:hover
{
background:#eee;
}

#sidebar .boxes ul#lastest
{
overflow:hidden;
}
#sidebar .boxes ul#lastest li
{
overflow:hidden;
border:none;
padding:5px 0px;
}

#sidebar .boxes ul#lastest li img
{
float:left;
margin-right:5px;
}

/*PRIMARY*/
#primary .post-nav
{
height:25px;
overflow:hidden;
border-bottom:2px solid #b2b2b2;
}

#primary .post-nav span.previous a,
#primary .post-nav span.next a
{
color:black;
font-weight:bold;
font-size:1.2em;
padding:0px 0px 0px 20px;
background:transparent url(images/previous.png) no-repeat left center;
}

#primary .post-nav span.next a
{
padding:0px 20px 0px 0px;
background:transparent url(images/next.png)no-repeat right center;
}
#primary .post-nav span.previous a:hover,
#primary .post-nav span.next a:hover
{
color:orange;
font-weight:bold;
}

/*FEATURED*/
#featured
{
padding:15px;
margin:15px 0px;
border:1px solid #d9d9d9;
overflow:hidden;
background:white url(images/featured_bg.jpg) repeat-x top left scroll;
}

#featured h2
{
font-size:1.5em;
color:#6c6c6c;
}

#featured h1
{
margin:27px 0px 27px 15px;
font-size:3em;
font-weight:normal;
}

#featured h1 a
{
color:#053631;
}

#featured h1 a:hover
{
color:#087197;
}
#featured  img
{
float:right;
margin:0px 0px 0px 15px;
}
#featured p
{
font-size:1.4em;
}

#primary .post-item
{
margin:30px 15px;
padding:0px 0px 30px 0px;
border-bottom:1px solid #d9d9d9;
}
#primary .post-item p
{
margin-left:182px;
}
#primary .post-item img
{
float:left;
padding:4px;
margin:0px 10px 0px 0px;
border:1px solid #cdcdcd;
}
#primary .post-item h3
{
padding:0px 0px 10px 0px;
font-size:1.7em;
}
#primary .post-item h3 a
{
color:#303030;
}
#primary .post-item h3 a:hover
{
color:#176092;
}
#primary .post-item .metadata
{
padding:3px;
background:#e5e5e5;
font-size:1.1em;
margin:0px 0px 0px 181px;
}
#primary .post-item .metadata span.post
{
padding-left:20px;
font-weight:bold;
background:url(images/post.png) no-repeat left center;
}
#primary .post-item .metadata span.date
{
padding-left:20px;
margin-left:5px;
font-weight:bold;
background:url(images/date.png) no-repeat left center;
}
#primary .post-item .metadata span.cat
{
padding-left:20px;
margin-left:5px;
font-weight:bold;
background:url(images/cat.png) no-repeat left center;
}
#primary .post-item .metadata span.comment{
padding-left:20px;
margin-left:5px;
font-weight:bold;
background:url(images/comments.png) no-repeat left center;
}

#primary .post-item .metadata a
{
font-weight:bold;
color:#053631;
}
#primary .post-item .metadata a:hover
{
text-decoration:underline;
color:#292929;
}
#primary .post-item .more-link
{
padding-left:20px;
color:#176092;
background:url(images/readmore.png) no-repeat left center;
}
#primary .post-item .more-link:hover
{
padding-left:16px;
color:#292929;
}

#primary #searchResult h3
{
font-size:16px;
padding:2px;
margin-bottom:10px;
margin-top:15px;
border-bottom:1px solid #c2c2c2;
}

#primary #searchResult .search-item 
{
position:relative;
}

#primary #searchResult .search-item  h3
{
font-size:1.5em;
border:none;
}

#primary #searchResult .search-item img
{
float:left;
margin-right:10px;
width:100px;
height:100px;
border:1px solid #b4b4b4;
}

/*IMAGE SLIDER*/
#homeWrapper
{
background:#F7F7F7;
margin:5px auto;
background:url(images/home_bg.jpg) no-repeat top left;
}

#content_Homepage
{
width:500px;
float:left;
}

#blogPost
{
width:500px;
margin-left:500px;
padding:2px;
}

.pice_info
{
margin:10px;
font-size:1.1em;
}

 .pice_info h3
{
font-size:1.6em;
color:#363636;
padding:5px;
border-bottom:1.5px dotted black;
}
 .pice_info p
{
padding-left:10px;
margin-top:5px;
}

.pice_info span
{
font-weight:bold;
}

.pice_info ul
{
margin-left:140px;
padding:0px;
padding-bottom:10px;
}

 .pice_info ul li
{
font-size:1.2em;
padding-left:20px;
background:url(images/list-icon.gif) no-repeat 0 50%;;
}

 .pice_info a
{
font-weight:bold;
}

.pice_info a:hover
{
text-decoration:underline;
}

.pice_info img
{
float:left;
margin-right:10px;
padding:10px;
}

.pice_info a.link_read_more
{
padding:20px;
margin-left:370px;
background:url(images/readmore.png) no-repeat 0 50%;
}

.pice_info .question
{
background:url(images/question.png) no-repeat top left;
}

.pice_info .question p
{
margin-left:120px;
} 

.pice_info .objective
{
background:url(images/objective.png) no-repeat top left;
height:150px;
}
.pice_info p.content
{
font-size:1.2em;
font-weight:bold;
color:#363636;
}

#imageSlider
{
width:840px;
position:relative;
margin: 10px auto;
}

.container{
width:840px;
height:320px;
position:relative;
cursor:pointer;
overflow:hidden;
background:url(images/slideImage/slider_bg.jpg) repeat-x top left;
}

ul.slides
{
position:absolute;
top:0px;left:0px;
margin-left:13px;
}

ul.slides li
{
position:absolute;
top:15px;
width:840px;
}

ul.slides li img
{
padding:5px;
border:1px solid #b4b4b4;
width:800px;height:240px;
background:#d9d9d9;
}

ul.slides p
{
opacity:0.5;
color:white;
padding:15px;
margin-left:6px;
width:770px;
position:absolute;
bottom:13px;
z-index:1000;
background:black;
}

a.next
{
display:block;
position:absolute;
top:115px;right:-25px;
background:url(images/slideImage/next.png) no-repeat top left;
width:24px;height:43px;
}

a.previous
{
display:block;
position:absolute;
top:115px;left:-25px;
background:url(images/slideImage/prev.png) no-repeat top left;
width:24px;height:43px;
}

ul.pagination
{
position:absolute;
bottom:10px; left:330px;
}

ul.pagination li
{
display:inline;
}

ul.pagination li a
{
color:white;
padding:2px 4px;
font-size:1.3em;
}

ul.pagination li:active  a
{
color:#292929;
font-weight:bold;
background:black;
}

/*FOOTER*/
#footer_outer
{
height:244px;
background:url(images/footer_bg.jpg) repeat-x;
clear:both;
}
#footer_wrapper
{
height:239px;width:1000px;
margin:0px auto;
position:relative;
}
#footer_links
{
position:absolute;
top:15px;left:0px;
}
#footer_links .info
{
float:left;
width:270px;
color:white;
margin-right:60px;
}

#footer_links .info h2
{
margin:0px 0px 10px 0px;
text-align:center;
font-size:1.8em;
font-family:arial;
}
#footer_links .info p
{
text-align:justify;
color:#b4b4b4;
}
#footer
{
position:absolute;
bottom:5px;left:0px;
color:white;
font-weight:bold;
height:22px;
}
#footer p
{
width:490px;
float:left;
}
#footer p#owner
{
text-align:right;
color:white;
font-style:italic;
}